<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>版头</title>
    <script>
        /*刘思宇 光标触碰事件-文字变色*/

        function color1(x)
        {
            x.style.color="#FFFFFF";
            x.style.background="#FFEC44";
        }

        function color2(x)
        {
            x.style.color="black";
            x.style.background="#ffb41d";
        }

        function color3(x)
        {
            x.style.color="#ffb41d";
        }

        function color4(x)
        {
            x.style.color="#FFEC44";
        }

    </script>
</head>
<body>
<!-------------------工具栏------------------->
<div id="toolbar">
    <div class="h_bg1">
        <ul class="stylefl">
            <li class="tb"><p>您好，欢迎访问LET'S购 购物网</p></li>
        </ul>
        <!-------------------签到弹出层------------------->
        <div id="sign_layer">
            <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
                <div class="am-modal-dialog">
                    <div class="win-m">
                        <p class="p1">签到成功</p>
                        <p class="p1">获得<span class="already-sign">20</span>积分</p>
                        <p class="p2">每天签到都可以获得积分哦</p>
                        <div class="am-modal-footer">
                            <span class="am-modal-btn">知道了</span>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <ul class="stylefr">
            <!-------------------签到------------------->
            <li class="tb"><a href="#" data-am-modal="{target: '#my-alert'}"  onmouseover="color4(this)" onmouseout="color3(this)">签到</a><span th:text="${session.user?.userName}"></span></li>
            <!-------------------用户------------------->
            <div class="user">
                <a class="user-hd" href="#">
                    <img name="headImage" id="headImage" th:src="@{${session.user.headImages}}"/><b></b>
                    <div class="clear"></div>
                </a>
                <div class="user-bd">
                    <div class="integral"><img src="images/integral_ico.png"/>当前积分 609</div>
                    <ul class="nav_sort">
                        <li><a th:href="@{/my_info}"><i class="i1"></i>我的主页</a></li>
                        <li><a th:href="@{write_note}"><i class="i9"></i>上架商品</a></li>
                        <li><a th:href="@{my_note}"><i class="i3"></i>我的商品</a></li>
                        <li><a href="#"><i class="i4"></i>商品订单</a></li>
                        <li><a href="#"><i class="i6"></i>我的评论</a></li>
                        <li><a href="#"><i class="i7"></i>设置</a></li>
                        <li><a th:href="@{/logout}"><i class="i8"></i>退出</a></li>
                    </ul>
                </div>
            </div>
            <!-------------------------------------->
            <li class="tb" th:if="${#objects.nullSafe(session.user,false) == false}">
                <a th:href="@{/login}" onmouseover="color4(this)" onmouseout="color3(this)">登录</a>
                <span>|</span>
            </li>
            <li class="tb"  th:if="${#objects.nullSafe(session.user,false) == false}">
                <a th:href="@{/register}" onmouseover="color4(this)" onmouseout="color3(this)">注册</a>
                <span>|</span>
            </li>
            </li>
            <li class="tb"><a th:href="@{/shop_car}"  onmouseover="color4(this)" onmouseout="color3(this)"><i class="cart_ico"></i>购物车</a>
                <span>|</span>
            </li>
            <li class="tb"><a href="news_list.html"  onmouseover="color4(this)" onmouseout="color3(this)">用户帮助中心</a>
                <span>|</span>
            </li>
            <li class="tb"><img src="images/tel_ico.png"/>
                <font>0898-60000777</font>
            </li>
        </ul>
        <!--画一条直线-->
        <div style="border-bottom:2px solid #ffb41d"></div>
        <div class="clear"></div>
    </div>
</div>

<!-------------------版头------------------->
<div id="style_header">
    <div class="cw1200">
        <!-------------------logo------------------->
        <div class="logo stylefl"><a title="" href="index.html"><img alt="" src="images/t_logo2.png"></a></div>
        <div class="search_nav stylefl">

            <script type="text/javascript" src="js/jquery.select.js"></script>
            <!-------------------导航------------------->
            <div class="nav">
                <ul>
                    <li><a title="" th:href="@{/index}" onmouseover="color1(this)" onmouseout="color2(this)">我的首页</a></li>
                    <li><a title="" th:href="@{/mall_list}" onmouseover="color1(this)" onmouseout="color2(this)">购物商城</a></li>
                    <li><a class="tta" title="" href="#" onmouseover="color1(this)" onmouseout="color2(this)">优质推荐</a></li>
                    <li><a title="" th:href="@{/my_note}" onmouseover="color1(this)" onmouseout="color2(this)">我的小店</a></li>
                    <li><a title="" th:href="@{/ourintroduce}" onmouseover="color1(this)" onmouseout="color2(this)">关于我们</a></li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>

</body>
</html>
